* {
    margin: 0;
    padding: 0;
    list-style: none;
}

a:link,
a:visited {
    color: black;
}

a:hover {
    color: blue;
}

a:active {
    color: black;
}

a {
    text-decoration: none;
}

input {
    outline: none;
}

html {
    font-size: 14px;
}

.clearBoth {
    clear: both;
}


/* icon图标 通用Css代码 */


/* .icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
} */


/* 灰色，小字 */

.font_one {
    font-size: 12px;
    color: #eeeeee;
}

.font_two {
    color: #4e4f4f;
}

.font_three {
    color: #b0b0b0;
    font-size: 12px;
}

.element::-webkit-scrollbar {
    width: 0 !important;
    height: 100%;
    display: none;
}


/* 图标下的小字 */

.font_icon_four {
    font-size: 13px;
    color: #717070;
}


/* 文本溢出 */

.overText {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


/* input的range类型滑动条的自定义样式设置 */


/* unholy css to style input type="range" */


/*主要是滑动条的自定义样式设置*/


/*去除系统默认的滑动条样式，主要针对基于webkit的浏览器*/

input[type=range] {
    -webkit-appearance: none;
    background: gainsboro;
    width: 100%;
}


/*原始的控件获取到焦点时，会显示包裹整个控件的边框，所以还需要把边框取消。*/

input[type=range]:focus {
    outline: none;
}


/*开始自定义滑动条控件的样式*/


/*自定义滑动控件的滑块*/

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 10px;
    width: 10px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
    border-radius: 50px;
    background: white;
    /*和进度条的填充部分一个颜色*/
    cursor: pointer;
    /* margin-top: -3.5px; */
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}


/*自定义滑动条获得焦点时的背景颜色*/


/* input[type=range]:focus::-webkit-slider-runnable-track {
    background: #bada55;
} */